﻿
.layout-head {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    background: #09C;
    z-index: 101;
    box-shadow: 0px 3px 5px rgba(0,0,0,.3);
}

    .layout-head p.logo {
        background: #0087b4;
        display: block;
        width: 50px;
        font-size: 18px;
        color: #FFF;
        text-align: center;
        line-height: 50px;
        float: left;
    }

    .layout-head p.title {
        color: #fff;
        font-size: 14px;
        line-height: 50px;
        float: left;
        padding: 0 20px;
        margin-right: 50px;
        font-weight: bolder;
        font-size: 16px;
    }

    .layout-head a {
        text-decoration: none;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        line-height: 50px;
        display: block;
        padding: 0 20px;
        margin-right: 1px;
        float: left;
    }

        .layout-head a:hover {
            background: #0087b4;
        }

        .layout-head a.active {
            background: #0087b4;
        }

    .layout-head > .right_dropdown {
        float: right;
        margin-right:20px;
    }
    .layout-head > .right_dropdown a{
        width:100%;
    }
/*.layout-head .top-btn {
        color: #fff;
        font-size: 14px;
        line-height: 50px;
        display: block;
        padding: 0 20px;
        margin-right: 1px;
    }

        .layout-head .top-btn:hover {
            background: #008fbf;
        }



    .layout-head .head-left {
        float: left;
    }

        .layout-head .head-left a.logo {
            background: #0087b4;
            display: block;
            width: 50px;
            font-size: 18px;
            color: #FFF;
            text-align: center;
            line-height: 50px;
            float: left;
        }

        .layout-head .head-left a.home-link {
            float: left;
        }

    .layout-head .head-right {
        float: right;
    }*/
.layout-menu {
    position: absolute;
    left: 0px;
    top: 50px;
    width: 250px;
    background-color: #293038;
    overflow: auto;
}

    .layout-menu .ul-menu li {
        width: 100%;
    }

        .layout-menu .ul-menu li a {
            display: block;
            width: 100%;
            height: 45px;
            line-height: 45px;
            color: #fff;
             font-size:16px;
            padding-left: 50px;
            text-decoration: none;
        }

            .layout-menu .ul-menu li a.active {
                background-color: rgb(0, 153, 204);
            }

            .layout-menu .ul-menu li a:hover {
                background-color: rgb(55,66,79);
            }

            .layout-menu .ul-menu li a span {
                margin-right: 8px;
            }

            .layout-menu .ul-menu li a.lv1 {
                background-color: rgb(34, 40, 46);
                padding-left: 30px;
                border-bottom: solid 1px rgb(54, 60, 66);
            }

                .layout-menu .ul-menu li a.lv1:hover {
                    background-color: rgb(55,66,79);
                }

            .layout-menu .ul-menu li a.lv2 {
                /*background-color: rgb(55,66,79);*/
                padding-left: 40px;
            }

.layout-content {
    position: absolute;
    right: 0px;
    top: 50px;
    width: 2000px;
    border-left: none;
    background-color: rgb(241,242,247);
    overflow: auto;
}

    .layout-content .main_hd {
        margin: 0px 10px;
        line-height: 35px;
        border-bottom: 1px solid rgb(225,225,225);
        height: 35px;
    }

        .layout-content .main_hd h2 {
            font-size: 16px;
            line-height: 34px;
            font-weight: 400;
            padding: 0px 30px;
            float: left;
            border-bottom: 3px solid rgb(83,168,235);
        }

        .layout-content .main_hd a {
            font-size: 16px;
            line-height: 34px;
            font-weight: 400;
            padding: 0px 30px;
            float: left;
            border-bottom: 3px solid rgb(200,200,200);
            cursor: pointer;
        }

            .layout-content .main_hd a.active {
                font-size: 16px;
                line-height: 34px;
                font-weight: 400;
                padding: 0px 30px;
                float: left;
                border-bottom: 3px solid rgb(83,168,235);
            }



        .layout-content .main_hd .title_tab {
            margin-top: 0px;
            position: relative;
        }

    .layout-content .main_bd {
        padding: 10px;
    }

.menu_active {
    animation: KFmenu_active 1s ease-in-out infinite;
    -moz-animation: KFmenu_active 1s ease-in-out infinite;
    -webkit-animation: KFmenu_active 1s ease-in-out infinite;
    -o-animation: KFmenu_active 1s ease-in-out infinite;
}

@keyframes KFmenu_active {
    from {
        color: red;
        font-size: 14px;
    }

    50% {
        color: yellow;
        font-size: 14px;
    }

    to {
        color: red;
        font-size: 14px;
    }
}

@-moz-keyframes KFmenu_active /* Firefox */
{
    from {
        color: red;
        font-size: 14px;
    }

    50% {
        color: yellow;
        font-size: 14px;
    }

    to {
        color: red;
        font-size: 14px;
    }
}

@-webkit-keyframes KFmenu_active /* Safari 和 Chrome */
{
    from {
        color: red;
        font-size: 14px;
    }

    50% {
        color: yellow;
        font-size: 14px;
    }

    to {
        color: red;
        font-size: 14px;
    }
}

@-o-keyframes KFmenu_active /* Opera */
{
    from {
        color: red;
        font-size: 14px;
    }

    50% {
        color: yellow;
        font-size: 14px;
    }

    to {
        color: red;
        font-size: 14px;
    }
}

.statistic_div {
    position: relative;
    height: 120px;
    padding-left: 10px;
}

    .statistic_div .count {
        font-size: 40px;
        font-weight: 300;
        text-align: left;
        color: #fff;
    }

    .statistic_div .title {
        margin-top: 15px;
        color: #fff;
        font-size: 16px;
    }

    .statistic_div span.glyphicon {
        position: absolute;
        top: 25px;
        right: 40px;
        color: rgba(0,0,0,.1);
        font-size: 85px;
        line-height: 65px;
    }

.statistic_div2 {
    position: relative;
    height: 80px;
    padding-left: 10px;
}

    .statistic_div2 .count {
        font-size: 25px;
        font-weight: 300;
        text-align: left;
        color: #fff;
    }

    .statistic_div2 .title {
        margin-top: 10px;
        color: #fff;
        font-size: 14px;
    }

    .statistic_div2 span.glyphicon {
        position: absolute;
        top: 9px;
        right: 9px;
        color: rgba(0,0,0,.1);
        font-size: 65px;
        line-height: 65px;
    }

    .statistic_div3 {
    position: relative;
    height: 150px;
    padding-left: 10px;
}

    .statistic_div3 .count {
        font-size: 40px;
        font-weight: 300;
        text-align: left;
        color: #fff;
        margin-top: 30px;
    }

    .statistic_div3 .title {
        margin-top: 30px;
        color: #fff;
        font-size: 14px;
    }

    .statistic_div3 span.glyphicon {
        position: absolute;
        top: 29px;
        right: 9px;
        color: rgba(0,0,0,.1);
        font-size: 65px;
        line-height: 65px;
    }
